<template>
  <div class="text-#aaa wh-full">
    <div class="flex border-1 border-red border-style-dashed">
      {{ mainStore.getUserName }}
    </div>
    <div @click="setStoreName">按钮121</div>
  </div>
</template>

<script setup lang="ts">
import { ref, reactive } from 'vue';
import { useStore } from '@/store';

const mainStore = useStore();

const setStoreName = () => {
  mainStore.setUserName('修改了store存储');
};
</script>

<style scoped></style>
